<template>
  <div class="chart-wrapper">
    <Echart
      :options="option"
      id="chart-zhutibiaoqian"
    ></Echart>
  </div>
</template>

<script>
import _charts from '@/utils/chartConfig'
import { chartMixin } from '@/mixin'
export default {
  mixins: [chartMixin],
  mounted() {},
  methods: {
    resetOption(val) {
      this.option = {
        legend: {
          left: '70%',
          top: 'center',
          orient: 'vertical',
          itemGap: 44,
        },
        series: [
          {
            type: 'pie',
            ..._charts.pie(val),
            center: ['40%', '50%'],
            data: val.seriesData,
          }
        ]
      }
      console.log('主体分类', this.option)
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
